<template>
  <view>
    <!--页面标题头begin-->
    <view class="smart-page-head">
      <view class="smart-page-head-title">map地图</view>
    </view>
    <!--页面标题头end-->
    <view>
      <map 
        class="map" 
        :latitude="latitude" 
        :longitude="longitude" 
        :markers="covers"
      />
    </view>
  </view>
</template>

<script>
export default {
   data() {
     return {
       latitude: 39.909,
       longitude: 116.39742,
       covers: [{
         id: 1, // 添加数字类型的id（必须）
         latitude: 39.909,
         longitude: 116.39742,
         iconPath: '/static/api.png',
         width: 30, // 添加宽度（必须）
         height: 30 // 添加高度（必须）
       }]
     }
   },
  methods: {
    // 方法内容
  }
}
</script>

<style>
.map {
  width: 100%;
  height: 300px;
}
</style>